<html>
    <head>
    </head>
    <body>
        <script src="app.js" type="text/javascript"></script>
        
        <br>
        <script type="text/javascript">
            function disableScroll() {
                e = document.getElementById("ins");
                b = document.getElementById("btn");
                if (e.style.display == "") {
                    e.style.display="none";
                    b.textContent="Show instructions ";
                } else {
                    e.style.display="";
                    b.textContent="Hide instructions ";
                }
            }
        </script>

        <button id="btn" onclick="disableScroll()"> Hide instructions </button>
        <div id="ins">
            <h1> Premise </h1>
            <p> You are in imprisoned. Luckily you have a plan, you want to escape. </p>
            <p> However, you only get one chance. The guards will kill you very fast if you are spotted. You can not outrun them, use your wit instead and make it count. </p>
            <p> You only get one weapon, your throwing arm. Use it wisely. </p>
            <h2>
                Controls
            </h2>
            <p>
                Use the WASD/arrowkeys to move your character
            </p>
            <p>
                Holding down SHIFT will make the character sprint
            </p>
            <p>
                Use SPACE to pick up items.
            </p>
            <p>
                Pressing space while holding a item, and not moving will cause your character to gently drop the item. 
            </p>
            <p>
                Pressing space while holding a item, and moving will cause your character to throw the currently held item. 
            </p>
        </div>
    </body>
</html>